<template>
	<div class="mall_main_item">
		<h1 class="mall_main_list_title">推荐商品</h1>
		<div class="mall_main_item_content">
			<components :is="mallItemComponent" :goods="goods"></components>
		</div>
	</div>
</template>
<script>
	export default{
		name: "MallItem",
		props:["mallItemComponent", "goods"],
		data: function(){
			return{

			}
		}
	}
</script>
<style lang="less">
	@base:23.44/1rem;
	.mall_main_item{
		h1{
			&.mall_main_list_title{
				margin:10/@base 0 0;
				padding:10/@base 20/@base 20/@base 20/@base;
				font-size:24/@base;
				background-image: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
				font-weight: 400;
			}
		}
		div{
			&.mall_main_item_content{

			}
		}
	}
</style>